<!doctype html>

<head>
    <!-- meta -->
    <meta charset="utf-8">
    <meta name="description" content="Flat, Clean, Responsive, admin template built with bootstrap 3">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <!-- /meta -->

    <title>心秘籍系统</title>


    <bstablecss />
    <commonheader />
</head>
<body>

<div class="app">

    <!-- top header -->
    <include file="Common/header_nav" />
    <!-- /top header -->

    <section class="layout">
        <!-- sidebar menu -->
        <include file="Common/left_aside_admin" />
        <!-- /sidebar menu -->

        <!-- main content -->
        <section class="main-content">
            <header class="header navbar bg-default">
                <ul class="nav navbar-nav" id="ul-bar">


                    <li class="active">
                        <a href="#userlist" tabindex="-1" data-toggle="tab">所有用户列表</a>
                    </li>


                </ul>
            </header>
            <!-- content wrapper -->
            <div class="content-wrap">
                <div id="myTabContent" class="tab-content">

                    <div class="tab-pane fade in active " id="userlist">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                所有用户列表
                            </div>

                            <div class="panel-body">
                                <div class="row">

                                    <div class="col-md-9">
                                        <div class="row">
                                            <div class="col-lg-12">

                                                <div class="col-xs-12" >
                                                    <section class="panel">
                                                        <div class="panel-heading">用户列表</div>
                                                        <div class="panel-body no-padding">

                                                            <div id="toolbar"></div>

                                                            <table class="table table-striped no-margin table-bordered" id="user-list-table">

                                                            </table>
                                                        </div>
                                                        <div class="panel-footer">
                                                            <div><a class="btn btn-success" id="add-user-btn">添加用户</a>
                                                                <a class="btn btn-danger" id="user-delete">批量删除所选用户</a></div>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                    </div>



                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                <!-- /content wrapper -->
        </section>
        <!-- /main content -->
    </section>

</div>


<!-- 添加用户对话框 -->
<div class="modal fade" id="add-user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-keyboard="false">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                添加用户<a id="add-user-classinfo"></a>
            </div>
            <div class="modal-body" >
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel-body">
                            <form role="form">
                                <div class="form-group">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <td>用户名</td>
                                            <td>密码</td>
                                            <td>邮箱</td>
                                            <td></td>
                                        </tr>
                                        </thead>
                                        <tbody id="add-user-tbody">
                                        <tr>
                                            <td><input class="form-control" type="text" id="add-username" /></td>
                                            <td><input class="form-control" type="text" id="add-userpasswd"/></td>
                                            <td><input class="form-control" type="email" id="add-useremail"/></td>
                                            <td><a class="btn btn-success" id="add-user-newrow">添加一行</a></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
            <div class="modal-footer" ><a class="btn btn-success" id="add-user-save">保存</a></div>
        </div>

    </div>
</div>


<!-- 编辑用户信息对话框 -->
<div class="modal fade" id="edit-user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-keyboard="false">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                编辑用户<a id="edit-uid"></a>
            </div>
            <div class="modal-body" >
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel-body">
                            <form role="form">
                                <div class="form-group">
                                    <label for="edit-username">修改用户名</label>
                                    <input type="text" class="form-control" placeholder="修改用户名" id="edit-username">
                                    <label for="edit-useremail">修改邮箱</label>
                                    <input type="email" class="form-control" placeholder="修改用户名" id="edit-useremail">
                                    <label for="edit-userpassword">重置密码</label>
                                    <input type="email" class="form-control" placeholder="修改用户名" id="edit-userpassword">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
            <div class="modal-footer" ><a class="btn btn-success" id="edit-user-save">保存</a></div>
        </div>

    </div>
</div>





<commonfooter />
<bstablejs />

<script src="__PUBLIC__/asset/vendor/bootstrap-table/bootstrap-table.min.js"></script>
<script src="__PUBLIC__/js/tableTools.js"></script>
<script src="__PUBLIC__/js/adminAlluserlist.js"></script>
<script>

</script>